import { recordListStyles } from './recordListStyles'
import { recordListScript } from './recordListScript'
import { RecordListConfig } from './types'

export function generateRecordListHtml(config: RecordListConfig, debugHtml: string, debugStyles: string, debugScript: string): string {
  return `<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>代码记录列表</title>
        <link rel="stylesheet" href="${config.iconFontCssPath}">
        <style>
          ${recordListStyles}
          ${debugStyles}
        </style>
      </head>
      <body>
        ${debugHtml}
        <div id="records">等待数据...</div>
        <script>
          ${debugScript}
          ${recordListScript}
        </script>
      </body>
    </html>`
}
